<!DOCTYPE html>
<html>
<head>

    <style type="text/css">
    </style>

    <script type="text/javascript" src="../hierarkia/hierarkia.js"></script>
    <script type="text/javascript" src="../ui/game.js"></script>
    <script type="text/javascript" src="../ui/fsm.js"></script>
    <script type="text/javascript" src="../ui/fakeui.js"></script>

    <script type="text/javascript" src="matrices.js"></script>
    <script type="text/javascript" src="cameracontroller.js"></script>
    <script type="text/javascript" src="webglerror.js"></script>
    <script type="text/javascript" src="shader.js"></script>
    <script type="text/javascript" src="webglboard.js"></script>
		<script type="text/javascript" src="crown.js"></script>
		<script type="text/javascript" src="piece.js"></script>
		<script type="text/javascript" src="boardtokens.js"></script>
    <script type="text/javascript" src="webglcanvas.js"></script>
    <script type="text/javascript" src="hierarkia-webgl.js"></script>
    
    <script type="text/javascript">
        function start(doc)
        {
            var ui = new FakeUI();
            
            function ondone(view)
            {
                doc.body.appendChild(view.canvas);
                ui.addView(view);
                
                ui.updateCurrentGameViews();
            }
            
            function onerror(error)
            {
                var span = doc.createElement('span');
                span.innerHTML = "" + error;
                doc.body.appendChild(span);
            }

            initHierarkiaWebGL(doc, ui, ondone, onerror);
        }
    </script>

</head>

<body onload="start(document)">
</body>

</html>


